<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <include file="Public:common_file" />
    <meta name="description" content="{$info.description}">
    <meta name="keywords" content="{$info.keywords}">
    <title>{$info.title}-我的下线</title>
    <style type="text/css">
        .body{
            padding-top:5px;
        }
        .list{
            width:100%; margin-top:5px;
        }
        .list h3{
            width:100%; margin:0; padding:0; font-size:14px; background:#fff; color:#666;
            overflow:hidden; height:40px; line-height:40px; padding:0 15px;
            border-bottom:1px solid #f3f3f3; border-left:4px solid #f23030; 

        }
        .list h3:active{
            background:#f9f9f9;
        }
        .list h3 .left{
            float:left;
        }
        .list h3 .right{
            float:right; color:red;
        }
        .list li{
            width:100%; list-style:none; overflow:auto; background:#fff;border-bottom:1px solid #f3f3f3; display:none;
        }
        .list li .head_ico{
            width:50px; height:50px; float:left;
        }
        .list li .head_ico img{
            width:40px; height:40px; margin:5px;
        }
        .list li .nick_name{
            float:left; height:50px; line-height:50px; width:calc( ( 100% - 50px ) / 2 );
        }
        .list li .time{
            float:right; height:50px; line-height:50px;  width:calc( ( 100% - 50px ) / 2 );
            text-align:right; padding-right:15px;
        }
    </style>
</head>
<body>
	<div class="head" style="background-color:#f23030;">
        <div class="left" onclick="back()">
            <i class="fa fa-chevron-left" aria-hidden="true"></i>
        </div>
        <div class="center">
            <p><i class="icon-user"></i> 我的下线</p>
        </div>
        <div class="right">
            
        </div>
    </div>

    <div class="body">
        <div class="list">
            <h3>
                <div class="left">一级下线</div>
                <div class="right">4人 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></div>
            </h3>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
        </div>
        <div class="list">
            <h3>
                <div class="left">一级下线</div>
                <div class="right">4人 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></div>
            </h3>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
        </div>
        <div class="list">
            <h3>
                <div class="left">一级下线</div>
                <div class="right">4人 <i class="fa fa-chevron-circle-right" aria-hidden="true"></i></div>
            </h3>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
            <li>
                <div class="head_ico">
                    <img class="lazy" data-original="/Public/img/head.jpg" >
                </div>
                <div class="nick_name">
                    中国IT的希望
                </div>
                <div class="time">
                    05-01 18:19
                </div>
            </li>
        </div>
    </div>
    
	<include file="Public:foot" />
    <script type="text/javascript">
        $('h3').click(function(){
            $(this).parent('.list').children('li').slideToggle(200);
            imgload();
        });

    </script>
	
</body>
</html>